<template>
  <div style="width: 100%;background-color: #ffffff;padding: 16px">
    <div>
      <span style="color: #000000;font-size: 18px">广告订单服务指标 </span> <a-icon type="question-circle" />
      （<span style="color: red">红色代表低于平均水平</span>，<span style="color: green">绿色代表高于平均水平</span>）
    </div>
    <div style="font-size: 14px;margin-top: 16px">
      店铺类型 <a-icon type="question-circle" /> : 暂无数据
    </div>
    <div style="padding: 16px 0">
      <a-row :gutter="100">
        <a-col :span="10">
          <div style="border: 1px #dddddd solid;border-radius: 4px">
            <div style="padding: 24px;border-bottom: 1px #dddddd solid;background-color: #F5F7FA">
              <span style="color: #000000;font-size: 16px">用户评价 </span> <a-icon type="question-circle" />
            </div>
            <div style="padding: 24px;">
              <h1 style="font-size: 18px;margin: 24px 0">暂无数据</h1>
            </div>
          </div>
        </a-col>
        <a-col :span="10">
          <div style="border: 1px #dddddd solid;border-radius: 4px">
            <div style="padding: 24px;border-bottom: 1px #dddddd solid;background-color: #F5F7FA">
              <span style="color: #000000;font-size: 16px">售后服务 </span> <a-icon type="question-circle" />
            </div>
            <div style="padding: 24px;">
              <h1 style="font-size: 18px;margin: 24px 0">暂无数据</h1>
            </div>
          </div>
        </a-col>
      </a-row>
      <a-row :gutter="100" style="margin-top: 40px">
        <a-col :span="10">
          <div style="border: 1px #dddddd solid;border-radius: 4px">
            <div style="padding: 24px;border-bottom: 1px #dddddd solid;background-color: #F5F7FA">
              <span style="color: #000000;font-size: 16px">商品品质 </span> <a-icon type="question-circle" />
            </div>
            <div style="padding: 24px;">
              <h1 style="font-size: 18px;margin: 24px 0">暂无数据</h1>
            </div>
          </div>
        </a-col>
        <a-col :span="10">
          <div style="border: 1px #dddddd solid;border-radius: 4px">
            <div style="padding: 24px;border-bottom: 1px #dddddd solid;background-color: #F5F7FA">
              <span style="color: #000000;font-size: 16px">行为规范 </span> <a-icon type="question-circle" />
            </div>
            <div style="padding: 24px;">
              <h1 style="font-size: 18px;margin: 24px 0">暂无数据</h1>
            </div>
          </div>
        </a-col>
      </a-row>
    </div>
  </div>
</template>

<script>
    export default {
        name: 'Score'
    }
</script>

<style scoped>

</style>
